{include file="common/header"}
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=u5BqkuZEBSzjSQN5vxkXawS5KGFV51fZ"></script>
<style>
	#l-map {
	    height: 300px;
	    width: 100%;
	}
</style>
    <div class="content">
        <div class="inner-content">
            <div class="bd-con block-item">
                <div class="row">
                    <div class="col-lg-3 col-xs-12 col-sm-12 zj_NewList">
                        <div class="list-group zj_NewListleft  company-intrduce-tit">
                            <a href="javascript:;" class="list-group-item disabled">
                                     	 联系我们
                            </a>
                            {volist name="categoryArr" id="v" key="k"}
                            <a {if $v['title'] == '地图名片' } href="{:url('Contact/index',array('category_id'=>$v['id']))}" {else/} href="{:url('Contact/message',array('category_id'=>$v['id']))}" {/if} class="list-group-item a-item">
                                <img src="__PUBLIC__/img/static/title_03.png" alt="图标" /> <span {if $v['id'] == $category_id } class="list-span" {/if}>{$v.title}</span>
                            </a>
                            {/volist}
                        </div>
                    </div>
                    <div class="col-lg-9 col-xs-12 col-sm-12 zj_NewList">
                        <div class="zj_newIcofu clearfix">
                            <ol class="breadcrumb bdBreadcrumb">
                                <li><a href="{:url('Index/index')}">首页</a></li>
                                <li class="active">联系我们</li>
                                {if $category_id=="14"}<li class="active">地图名片</li>{/if}
                            </ol>
                        </div>
                        <div class="zj_Journalism">
                            <!--右边最大div包含图片开始-->
                            <div class="static-msg-box block-item">
                                  <!-- 地图名片 -->
                                  <div style="display:block;">
                                    <div class="contact-us">
                                        <p>
                                            {:htmlspecialchars_decode($contactArr['content'])}
                                        </p>
                                    </div>
                                    <hr>
                                    <div id="l-map"></div>              
                                    
                                </div>
                                  <!-- 地图名片 -->
                                <!--右边一排div展示结束-->
                            </div>
                            <!--右边最大div包含图片结束-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--联系我们地图-->
    <script type="text/javascript">
       // 百度地图API功能
       var map = new BMap.Map("l-map"); // 创建Map实例
       map.centerAndZoom(new BMap.Point(114.054883, 22.548514), 11);
       var local = new BMap.LocalSearch(map, {
           renderOptions: {
               map: map,
               panel: "r-result"
           }
       });
       local.search("英龙商务大厦");
       map.enableScrollWheelZoom(true);
    </script>
    <!--联系我们地图-->


    <!-- 图片验证码 -->
     <script>
       $.idcode.setCode();
       
       $("#btns").click(function (){
         var IsBy = $.idcode.validateCode(); 
         alert(IsBy);
         console.log(IsBy);
       });
     </script> 
{include file="common/footer"}